<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>OpenLaser v0.0.1介绍</title>
    <style type="text/css">
        body {
            font-family: "Microsoft YaHei", "SimSun", sans-serif;
            background-color: #ffffff;
            color: #333333;
            margin: 15px;
            line-height: 1.6;
        }
        a {
            color: #0066cc;
            text-decoration: none;
        }
        a:hover {
            text-decoration: underline;
        }
        h1 {
            color: #2c3e50;
            border-bottom: 2px solid #3498db;
            text-align: center;
            padding-bottom: 10px;
            margin-top: 10px;
            margin-bottom: 25px;
            font-size: 2em;
        }
        h2 {
            color: #2980b9;
            border-left: 4px solid #3498db;
            padding-left: 12px;
            background-color: #ecf0f1;
            padding-top: 8px;
            padding-bottom: 8px;
            margin-top: 35px;
            margin-bottom: 15px;
        }
        h3 {
            color: #16a085;
            margin-top: 22px;
            margin-bottom: 12px;
        }
        /* 使用表格进行两栏布局 */
        .layout-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }
        .toc-cell {
            width: 25%;
            vertical-align: top;
            background-color: #f8f9fa;
            border: 1px solid #e9ecef;
            padding: 20px;
            border-radius: 5px;
        }
        .content-cell {
            width: 75%;
            vertical-align: top;
            padding: 0 30px;
        }
        .toc h2 {
            margin-top: 0;
            font-size: 1.3em;
            text-align: center;
            color: #495057;
            border-left: none;
            background-color: transparent;
            padding: 0;
        }
        .toc ul {
            list-style-type: none;
            padding-left: 0;
        }
        .toc li {
            margin: 12px 0;
            padding: 8px 12px;
            border-radius: 4px;
            transition: background-color 0.2s;
        }
        .toc li:hover {
            background-color: #e9ecef;
        }
        .toc a {
            display: block;
            font-weight: 500;
        }
        .section {
            margin-bottom: 40px;
        }
        p, ul, ol {
            margin: 12px 0;
        }
        ul, ol {
            padding-left: 30px;
        }
        li {
            margin-bottom: 8px;
        }
        .note {
            background-color: #fff3cd;
            border-left: 4px solid #ffeaa7;
            padding: 15px 20px;
            margin: 20px 0;
            border-radius: 0 4px 4px 0;
        }
        .note strong {
            color: #856404;
        }
        footer {
            text-align: center;
            padding: 20px;
            margin-top: 40px;
            color: #6c757d;
            border-top: 1px solid #dee2e6;
            font-size: 0.9em;
        }
        code {
            background-color: #f1f1f1;
            padding: 2px 5px;
            border-radius: 3px;
            font-family: monospace;
        }
    </style>
</head>
<body>

<h1>OpenLaser v0.0.1软件使用说明书</h1>

<!-- 使用表格创建两栏布局 -->
<table class="layout-table">
    <tr>
        <!-- 左侧目录栏 -->
        <td class="toc-cell">
            <div class="toc">
                <h2>目录</h2>
                <ul>
                    <li><a href="#intro">1. 简介</a></li>
                    <li><a href="#install">2. 安装指南</a></li>
                    <li><a href="#interface">3. 主界面</a></li>
                    <li><a href="#features">4. 核心功能</a></li>
                    <li><a href="#faq">5. 常见问题</a></li>
                    <li><a href="#support">6. 技术支持</a></li>
                </ul>
            </div>
        </td>

        <!-- 右侧内容栏 -->
        <td class="content-cell">
            <div id="intro" class="section">
                <h2>1. 简介</h2>
                <p>欢迎使用 MyApp！这是一款功能强大且用户友好的应用程序，旨在帮助您高效地完成工作和管理项目。本指南将带您了解软件的各项功能和操作方法。</p>
                <p>无论您是初次接触还是希望深入了解高级功能，这份文档都将为您提供必要的帮助。</p>
            </div>

            <div id="install" class="section">
                <h2>2. 安装指南</h2>
                <ol>
                    <li><strong>下载软件</strong>: 访问我们的官方网站 <a href="#about:blank">https://www.myapp.com</a> (请在外部浏览器打开)，找到下载页面，选择适合您操作系统的版本进行下载。</li>
                    <li><strong>运行安装程序</strong>: 下载完成后，双击安装包（如 <code>MyApp_Setup.exe</code> 或 <code>MyApp.dmg</code>）启动安装向导。</li>
                    <li><strong>同意许可协议</strong>: 阅读并接受软件许可协议。</li>
                    <li><strong>选择安装路径</strong>: 您可以选择默认路径或通过“浏览”按钮自定义安装目录。</li>
                    <li><strong>完成安装</strong>: 点击“安装”按钮，等待安装进度条走完。安装完成后，您可以勾选“立即启动 MyApp”并点击“完成”按钮。</li>
                </ol>
                <div class="note">
                    <strong>提示</strong>: 安装前请关闭所有正在运行的安全软件（如杀毒软件、防火墙），以避免安装过程被阻止。安装完成后可重新开启。
                </div>
            </div>

            <div id="interface" class="section">
                <h2>3. 主界面介绍</h2>
                <p>启动 MyApp 后，您将看到直观清晰的主界面：</p>
                <ul>
                    <li><strong>顶部菜单栏</strong>: 包含“文件”、“编辑”、“视图”、“工具”和“帮助”等标准菜单项。</li>
                    <li><strong>工具栏</strong>: 位于菜单栏下方，提供常用功能的快捷按钮，如新建、打开、保存、撤销、重做等。</li>
                    <li><strong>左侧导航面板</strong>: （注意：此处指软件本身的界面，非本文档布局）可切换“仪表盘”、“项目列表”、“日历”和“设置”等主要功能模块。</li>
                    <li><strong>中央工作区</strong>: 这是您进行主要操作和查看内容的区域，会根据左侧导航面板的选择动态变化。</li>
                    <li><strong>底部状态栏</strong>: 显示当前登录用户、软件版本、网络连接状态以及一些快捷提示信息。</li>
                </ul>
            </div>

            <div id="features" class="section">
                <h2>4. 核心功能</h2>
                
                <h3>项目与任务管理</h3>
                <p>您可以轻松创建新项目，并为项目添加多个任务。每个任务可以设置名称、描述、负责人、截止日期、优先级（高、中、低）和状态（待办、进行中、已完成）。</p>

                <h3>数据同步与云存储</h3>
                <p>登录您的账户后，所有项目和任务数据将自动同步到云端。您可以在任何已登录的设备（PC、笔记本）上访问和编辑您的数据，确保信息实时更新。</p>

                <h3>团队协作</h3>
                <p>MyApp 支持团队协作。您可以邀请团队成员加入特定项目，分配任务给他们，并在任务下方的评论区进行实时沟通和讨论。</p>

                <h3>报告与导出</h3>
                <p>软件提供强大的报告生成功能。您可以选择一个或多个项目，一键生成详细的进度报告。报告支持导出为 PDF 和 Excel 格式，方便您进行分享、汇报或存档。</p>
            </div>

            <div id="faq" class="section">
                <h2>5. 常见问题</h2>
                
                <h3>软件启动很慢怎么办？</h3>
                <p>请检查您的电脑配置是否满足软件的最低要求（例如 CPU、内存）。同时，关闭不必要的后台程序以释放系统资源。如果问题持续存在，请尝试卸载后重新安装最新版本。</p>
                
                <h3>忘记密码了怎么办？</h3>
                <p>在登录界面，点击“忘记密码”链接。在弹出的窗口中输入您注册时使用的邮箱地址，点击“发送重置链接”。您将收到一封包含密码重置链接的邮件，请按照邮件指示操作。</p>
                
                <h3>如何联系客服？</h3>
                <p>您可以通过以下方式联系我们的技术支持团队：</p>
                <ul>
                    <li>在软件内：点击顶部菜单栏的“帮助” -> “联系我们”。</li>
                    <li>发送邮件：<a href="mailto:support@myapp.com">support@myapp.com</a></li>
                    <li>客服热线：400-123-4567（工作日 9:00 - 18:00）</li>
                </ul>
                
                <h3>数据存储在哪里？</h3>
                <p>您的数据在登录后会存储在 MyApp 提供的安全云服务器上。我们采用行业标准的加密技术来保护您的数据安全。</p>
            </div>

            <div id="support" class="section">
                <h2>6. 技术支持</h2>
                <p>如果您在使用过程中遇到任何技术问题，或对软件有任何功能建议，欢迎随时与我们联系。我们的技术支持团队将竭诚为您服务。</p>
                <ul>
                    <li><strong>官方网站</strong>: <a href="#about:blank">https://www.myapp.com</a> (请在外部浏览器打开)</li>
                    <li><strong>客服邮箱</strong>: <a href="mailto:support@myapp.com">support@myapp.com</a></li>
                    <li><strong>客服电话</strong>: 400-123-4567</li>
                    <li><strong>在线客服</strong>: 访问官网，点击右下角的“在线客服”按钮。</li>
                </ul>
                <p>为了更快地解决您的问题，请在联系时提供以下信息：软件版本号、操作系统版本、问题描述以及相关的截图（如有）。</p>
            </div>

            <footer>
                &copy; 2025 MyApp 软件公司. 保留所有权利。 文档版本: v2.1.0
            </footer>
        </td>
    </tr>
</table>

</body>
</html>



